<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/add.css"/>
	</head>
	<body>
		<div id="app">
			<div class="header">
				<span>修改用户信息</span>
			</div>
			<div class="content">
				<table>	
					<tr>
						<td class="text-right">手机号码</td><td class="content_right"><input id="userPhone" class="input inline-input" placeholder="请输入手机号码"> <span id="find" class="btn btn-info">立即查找</span></td>
					</tr>
				</table>
			</div>
			
			
			<div class="header">
				<span>查找信息如下(请直接在需要修改的选项内进行修改)</span>
			</div>
			<div class="content">
				<table>
					<tr>
						<td class="text-right">姓名</td><td class="content_right"><input class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">手机号码</td><td class="content_right"><input onblur="testUserPhone()" class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">身份证号码</td><td class="content_right"><input onblur="testUserIDCardNo()" class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">密码</td><td class="content_right"><input class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">状态</td>
						<td class="content_right">
							<!--0 未登录,1 已登录,2 已挂失,3 已删除,4 已注销-->
							<input type="radio" class="status" name="status" value="0">未登录
							<input type="radio" class="status" name="status" value="1"> 已登录
							<input type="radio" class="status" name="status" value="2"> 已挂失
							<input type="radio" class="status" name="status" value="3"> 已删除
							<input type="radio" class="status" name="status" value="4"> 已注销
						</td>
					</tr>
					<tr>
						<td></td><td class="content_right"><span id="update" class="btn btn-info">立即修改</span> <span class="btn" id="resetBtn">重置</span> </td>
					</tr>
				</table>
			</div>
		</div>
	</body>
	<script src="/qrcode/jquery2.1.4.js"></script>
	<script src="/layer/layer.js"></script>
	<script>
		/**
		 * 判断身份证号码和电话号的有效性
		 * 这里的声明必须到最开始
		 * @type {boolean}
		 */
		var flagPhone = false;
		var flagIDCardNo = false;
		function testUserPhone(){
			var insertUserPhone = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
			var phone = $.trim($('input:eq(2)').val());
			if (insertUserPhone.test(phone)) {
				flagPhone = true;
			}else {
				layer.msg("输入的手机号无效!");
				return false;
			}
		}
		function testUserIDCardNo(){
			var insertIdCard = /(^[1|2|3|4|5|6|7|8|9]\d{17}$)/;
			var idCard = $.trim($('input:eq(3)').val());
			if (insertIdCard.test(idCard)) {
				flagIDCardNo = true;
			}else {
				layer.msg("输入的身份证号无效!");
				return false;
			}
		}

		$(".header:eq(1),.content:eq(1)").hide();
		var userId = null;
		$(function (){
			$("#find").click(function (){
				find(true);
			});

			$("#update").click(function (){
				if(flagPhone && flagIDCardNo){
					var windowId = layer.load();
					$.getJSON("/user/update.do",{
						id:userId,
						username:$("input:eq(1)").val(),
						userPhone:$("input:eq(2)").val(),
						userIdCardNo:$("input:eq(3)").val(),
						password:$("input:eq(4)").val(),
						status : $(".status:checked").val()
					},function (data){
						layer.close(windowId);
						layer.msg(data.result);
						if(data.status == 0){
							$(".header:eq(1),.content:eq(1)").hide();
						}else {
							//更新成功
						}
					})
				}else if(flagIDCardNo){
					layer.msg("请输入有效的手机号!");
					return false;
				}else {
					layer.msg("请输入有效的身份证号码!");
					return false;
				}
			});
			$("#resetBtn").click(function (){
				find(false);
			});
		});

		function found(findFlag){
			var windowId = layer.load();
			var userPhone = $("#userPhone").val();
			$.getJSON("/user/findByUserPhone.do",{userPhone:userPhone},function (data){
				layer.close(windowId);
				if(findFlag){
					layer.msg(data.result);
				} else {
					layer.msg("已重置");
				}

				if(data.status == 0){
					//查询成功
					userId = data.data.id;
					$(".header:eq(1),.content:eq(1)").fadeIn(1000);
					$("input:eq(1)").val(data.data.username);
					$("input:eq(2)").val(data.data.userPhone);
					$("input:eq(3)").val(data.data.userIdCardNo);
					$("input:eq(4)").val(data.data.password);
					switch (data.data.status) {
							<!--0 审核中,1 待取件,2 已取件,3 已取消,4 已删除,5 异常-->
						case 0:
							$(".status:eq(0)").prop("checked", true);//选中下标为0的
							break;
						case 1:
							$(".status:eq(1)").prop("checked", true);//选中下标为1的
							break;
						case 2:
							$(".status:eq(2)").prop("checked", true);//选中下标为2的
							break;
						case 3:
							$(".status:eq(3)").prop("checked", true);//选中下标为3的
							break;
						case 4:
							$(".status:eq(4)").prop("checked", true);//选中下标为4的
							break;
						default:
							break;
					}
					$("input:eq(1),input:eq(2),input:eq(3),input:eq(4),.status").prop("disabled",true);//设置为不可选
				}
			});
		}
	</script>
</html>
